.banner {
    image {
        width: 100%;
        height: 100%;
    }
}

.category {
    .category-list {
        display: flex;
        justify-content: space-around;
        width: 100vw;
        padding-top: 40rpx;

        .category-item {
            width: 25%;
            text-align: center;

            image {
                width: 70px;
                height: 70px;
            }
        }
    }
}
.floor{
    .floor-item{
        width: 100vw;
        padding: 0 10rpx;
        margin: 40rpx 0;
        box-sizing: border-box;
        .floor-title{
            width: 100vw;
            height: 80rpx;
            margin-bottom: 20rpx;
            image{
                width: 100%;
                height: 100%;
            }
        }
        .floor-imgs{
            width: calc(100vw - 20rpx);
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            .floor-imgs-big{
                width: 232rpx;
                image{
                    width: 100%;
                }
            }
            .floor-imgs-small{
                width: calc(100vw - 262rpx);
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                image{
                    width: 232rpx;
                    height: 234rpx;
                }
            }
        }
    }
}